<template>
    <div>
    <van-row>
        <van-col span="24" class="back" ><heads/></van-col>
        <van-col span="6" class="back"><left/></van-col>
        <van-col span="18" class="back">
            <div>
                组织名称：<input type="text" placeholder="请输入组织名称"> <van-button color="blue" style="height:40px;width:90px">查询</van-button>&nbsp;&nbsp;<van-button color="blue" style="height:40px;width:90px">重置</van-button><br>
                <van-button color="blue" style="height:40px;width:90px">新增</van-button>    <van-button style="height:40px;width:90px">导出</van-button>     <van-button style="height:40px;width:90px">导入</van-button>
            </div>
            <table border="1px" width='1250px'  cellspacing="0px">
                <tr align='center'>
                    <td>组织名称</td>
                    <td>组织编码</td>
                    <td width='100px'>组织类型</td>
                    <td>组织排序</td>
                    <td>操作</td>
                </tr>
                <tr v-for="i in list" :key="i.id" align='center'>
                    <td>{{i.name}}</td>
                    <td>{{i.onumber}}</td>
                    <td>{{i.type}}</td>
                    <td>{{i.order_by}}</td>
                    <td></td>
                </tr>
            </table>
        </van-col>
    </van-row>
    </div>
</template>

<script>
import axios from '../http/axios'
import heads from '../components/heads'
import left from '../components/left'
    export default {
        components:{
            'left':left,
            'heads':heads     
     },
     data(){
         return{
             list:[]
         }
     },
     methods:{
         get_list(){
             axios('/organization','get').then(res=>{
                 this.list=res.list
             })
         }
     },
     mounted(){
         this.get_list()
     }
    }
</script>

<style scoped>

</style>